/// <reference path="Scripts/typings/jquery/jquery.d.ts" />
/// <reference path="Scripts/typings/jqueryui/jqueryui.d.ts" />
/// <reference path="Pannello.ts" />
/// <reference path="PannelloOptions.ts" />
window.onload = () => {

    window.addEventListener(
        "resize",
        () => {
            panel.RefreshPanelWidth(); 
        },
        false);


    var options: PannelloModule.PannelloOptions = {
        handlerSelector: ".pannello-handler",
        panelElSelector: ".pannello",
        appSelector: ".app",
        animationsMs: 300,
        opacityAnimation: true,
        percentageDragToAutoClose: 50,
        percentageDragToAutoOpen: 50,
        behavior: PannelloModule.PanelBehavior.Push,
        propagateClickBehindHandler: true,
        debugMode:true
    }

    //test
    $(".test-button").click(() => {
        console.log("clicked");
    });

    var panel = new PannelloModule.Pannello(options);
};